<script type="text/javascript">
jQuery(function() {
	jQuery( "#tabs" ).tabs();
});
function toggleChannels(div_id,cur_index){
	var speed = 100;
	jQuery('.list_msg').each(function(index) {
		if(jQuery(this).css("display")=="block"){
			if(jQuery(this).attr('id')!=div_id){
				jQuery(this).hide('slow');
			}
		}
	});
	jQuery('.table_class').removeAttr('style');
	//jQuery('.table_class td').addClass('bg_d9d9d9');

	if(jQuery('#'+div_id).css("display")=="none"){
		//jQuery('.class_'+cur_index).removeClass('bg_d9d9d9').addClass('bg_gray');
		jQuery('.msg_text_'+cur_index).removeClass('text_white').addClass('text_paleyellow');
		jQuery('.'+div_id+'_img').attr("src","images/minus.jpg");

		jQuery('#table_pac_'+cur_index).attr('style','border-bottom:1px solid #c0c0c0;border-collapse:collapse;');
		jQuery('#'+div_id).animate({opacity: 1}, speed).slideDown('slow'); 
	}else{
		//jQuery('.class_'+cur_index).removeClass('bg_gray').addClass('bg_d9d9d9');
		jQuery('.msg_text_'+cur_index).removeClass('text_paleyellow').addClass('text_white');
		jQuery('.'+div_id+'_img').attr("src","images/plus.jpg");
		jQuery('#'+div_id).animate({opacity: 1},speed).slideUp('slow');
	}       
}
function ctx_show_buyer() {
	jQuery('#ctx_holder_buyer').addClass('show').removeClass('hide');
	jQuery('#ctx_holder_supplier').addClass('hide').removeClass('show');
	init_buyer_main();
}

function ctx_show_supplier() {
	jQuery('#ctx_holder_buyer').addClass('show').removeClass('hide');
	jQuery('#ctx_holder_supplier').addClass('hide').removeClass('show');
	init_supplier_main();
}


</script>


<div>
	<div id="header" class="ysnheader"><img src='/phase2/images/ysn_logo.png'></div>
			<div class="nav">
				<div class="table">
					<ul class="active" id="homeMenu">
						<li><a href="javascript:setMenu('homeMenu','homeSubMenu');"><span>Home</span></a>
						
						</li>
					</ul>
					<ul class="select" id="poMenu">
						<li>
						<a href="javascript:setMenu('poMenu','poSubMenu');"><span>Purchase Order</span></a>
						 
						</li>
					</ul>
					<ul class="select" id="invMenu">
						<li>
							<a href="javascript:setMenu('invMenu','invSubMenu');"><span>Invoice</span></a></li></ul>
					<ul class="select" id="pymtMenu"><li><a href="javascript:setMenu('pymtMenu','pymtSubMenu');"><span>Payment</span></a></li></ul>
					<ul class="select" id="creditMemoMenu"><li><a href="javascript:setMenu('creditMemoMenu','creditMemoSubMenu');"><span>Credit Memo</span></a></li></ul>
					<ul class="select" id="profileMenu"><li><a href="javascript:setMenu('profileMenu','profileSubMenu');"><span>Profile</span></a></li></ul>
					<ul class="select" id="helpMenu"><li><a href="#;"><span>Help</span></a></li></ul>
				</div>
				<div id="submenu_container" >
						<div id="submenu">
						 <ul class="dropdown">
						  <ul id="homeSubMenu" class="hide">
							
						  </ul>
						  
						  <ul id="poSubMenu" class="hide">
						   	   <li><a href="javascript:void(0);" onclick="javascript:showNewPOScreen();">Create New PO</a></li>
                               <li>|</li>
                               <li><a href="javascript:void(0);" onclick="javascript:showSentPO();">Sent PO List</a></li> 
                               <li>|</li>
                               <li><a href="javascript:void(0);" onclick="javascript:showPODetails();">Open PO</a></li> 
							
						  </ul>
						  
						  
						   <ul id="pymtSubMenu" class="hide">
						   
						   <li><a href="javascript:void(0);" onclick="javascript:showNewPaymentScreen();">Post New Payment</a></li>
                               <li>|</li>
                               <li><a href="javascript:void(0);" onclick="javascript:showSentPO();">Sent Payment List</a></li> 
                               <li>|</li>
                               <li><a href="javascript:void(0);" onclick="javascript:showSentPO();">Open Payment</a></li> 
							
						  </ul>
						  
						   <ul id="invSubMenu" class="hide">
						   
						   <li><a href="javascript:void(0);" onclick="javascript:showNewInvScreen();">New Invoice</a></li>
                               <li>|</li>
						    <li><a href="javascript:void(0);" onclick="javascript:showNewPOScreen();">Received Invoices List</a></li>
                               <li>|</li>
                               <li><a href="javascript:void(0);" onclick="javascript:showSentPO();">Open Invoice</a></li>
							
						  </ul>
						   <ul id="creditMemoSubMenu" class="hide">
						   
						   <li><a href="javascript:void(0);" onclick="javascript:showNewPOScreen();">Received Credit Memo List</a></li>
                               <li>|</li>
                               <li><a href="javascript:void(0);" onclick="javascript:showSentPO();">Open Credit Memo</a></li>
							
						  </ul>
						  
							<ul id="profileSubMenu" class="hide">
                                     
                               <li><a href="javascript:void(0);" onclick="javascript:showUserProfile();">My Profile</a></li>
                               <li>|</li>
                               <li><a href="javascript:void(0);" onclick="javascript:showCompanyProfile();">Company Profile</a></li>  
                               <li>|</li>
                               <li><a href="javascript:void(0);" onclick="javascript:showSupplierManagement();">Supplier Management</a></li> 
                                   
							
						  </ul>
						   </ul>
						</div>
						
				</div>
			</div>		
			
			
</div>
	
	
	